"use strict";

/**
 * @auther wtfssd
 * Created by wtfssd on 2017/11/7
 */
import * as React from 'react'

const {View, ScrollView} = require('react-native');
const {connect} = require('react-redux');
const NavigationBar = require('react-native-navbar').default;
const {Actions} = require("react-native-router-flux");
import {commonProps, commonStyles} from "../../assets/styles/common";
import NavBackButton from "../../component/BackButton";

const {List, InputItem, Switch, DatePicker, TextareaItem} = require('antd-mobile');
import MyText from "../../component/MyText";
import MyIcon from "../../component/icon";
import Line from "../../component/Line";

class RepeatPage extends React.Component<any, any> {
    render() {
        return (
            <View style={commonStyles.container}>
                <NavigationBar {...commonProps.navBar}
                               leftButton={<NavBackButton
                                   icon={{name: 'icon-common-fanhui-copy', color: '#fff', size: 25}}/>}
                               title={{title: '自定', tintColor: '#fff'}}
                />
                <View style={[commonStyles.flex1]}>
                    <ScrollView>
                        <List>
                            <Line height={30} color={'#F4F4F4'}/>
                            <List.Item extra={<MyIcon name={'icon-gou'} color={'#D6C34B'}/>}>永不</List.Item>
                            <List.Item>每天</List.Item>
                            <List.Item>每周</List.Item>
                            <List.Item>每两周</List.Item>
                            <List.Item>每月</List.Item>
                            <List.Item>每年</List.Item>
                            <Line height={30} color={'#F4F4F4'}/>
                            <List.Item arrow="horizontal" onClick={Actions.customRepeat}>自定</List.Item>
                        </List>
                    </ScrollView>
                </View>

            </View>
        );
    }
}


export default RepeatPage;